<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Creating a Date Selection widget as a widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ol.whs1 { list-style:decimal; }
ul.whs2 { list-style:disc; }
p.whs3 { margin-left:40px; }
ul.whs4 { list-style:square; }
p.whs5 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
p.whs6 { margin-left:24px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Date Selection widget\nCreating a Date Selection widget as a widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating a Date Selection widget as a widget</h1>
<p>A Date Selection widget is a calendar selector that allows you to select 
 dates for which you want to see data in a document or dashboard. You are 
 able to see all of the dates of each month in the widget, which allows 
 you to select dates easily. For an example, see 
<a href="Creating_a_Date_Selection_widget.htm">Creating 
 a Date Selection widget</a>.</p>
<p>If a Date Selection widget is created as a widget, the selector can 
 be displayed as a Grid/Graph, which still functions as a selector, in 
 non-Flash modes in MicroStrategy Web. A Date Selection widget created 
 as a widget can target Grid/Graphs and panel stacks, but cannot switch 
 panels on a panel stack. (For more information on Grid/Graphs controlling 
 panel stacks or other Grid/Graphs, see 
<a href="GG_controlling_GG.htm">Enabling 
 a Grid/Graph to control another Grid/Graph</a>.) If you want the Date 
 Selection widget to display as a standard selector such as a listbox or 
 button bar in non-Flash modes, or to allow multiple selections, create 
 it as a selector instead. For instructions, see 
<a href="Creating_a_Date_Selection_widget_as_a_selector.htm">Creating 
 a Date Selection widget as a selector</a>. For examples of the differences 
 between the two, see 
<a href="Creating_a_Date_Selection_widget.htm">Creating 
 a Date Selection widget</a>.</p>
<p><span style="font-weight: bold;"><B>Note</B></span><span>: </span>A Date Selection 
 widget created as a widget can be displayed as widget using Flash in DHTML 
 interactive documents. </p>
<h2>To create and add a Date Selection widget to a document</h2>
<ol type="1" class="whs1">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design</B></span> 
 or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Insert</B></span> 
 menu, point to <span style="font-weight: bold;"><B>Widgets</B></span>, and then 
 select <span style="font-weight: bold;"><B>Date Selection</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs1">
	
<li class=p><p>Click the location on your document, except for in the 
 Detail section, where you want to place the widget. The Grid/Graph to 
 be used as a widget, which appears similar to a standard grid container, 
 is displayed. A small icon at the bottom right corner of the Grid/Graph 
 to be used as a widget identifies the type of widget you have added to 
 the document. </p></li>
	
<li class=p><p>If required, resize the widget by clicking and dragging 
 its handles. </p></li>
</ol>
<h3>Add objects to the Grid/Graph that contains the widget</h3>
<ol start="5" type="1" class="whs1">
	
<li class=p><p>From the Dataset Objects panel on the left, select attributes, 
 and drag them on top of the widget, as described below.</p></li>
</ol>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs3">Place <span style="font-weight: bold;"><B>one 
 attribute</B></span> on the Grid/Graph's rows.</p></li>
	<ul type="square" class="whs4">
		
<li class=p><p class="whs3">The attribute must contain 
 a date type attribute (such as Day, Month, or Year) on the rows. </p></li>
	</ul>
</ul>
<p class="whs5"><span><font size=1 style="font-size:9pt;"><B><span 
 style="font-size: 9pt; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>Enable the widget to be displayed 
 in Flash Mode</B></font></span></B></font></span></p>
<ol start="6" type="1" class="whs1">
	
<li style="margin-left: -20px;" class=p><p class="whs6">From 
 the Tools menu, select <span style="font-weight: bold;"><B>Document Properties</B></span>. 
 The Properties dialog box opens. Select the <span style="font-weight: bold;"><B>Flash</B></span> 
 check box under Run Modes. For more information about Flash mode see, 
 
<a href="Flash_Mode.htm">Viewing documents in Flash Mode</a>.</p></li>
	
<li style="margin-left: -20px;" class=p><p class="whs6">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save your changes and close 
 the dialog box.</p></li>
</ol>
<h3>Related topics</h3>
<ul type="disc" class="whs2">
	
<li class=p><p>
<a href="Analyzing_data_in_a_Calendar_Selector_widget.htm">Analyzing 
 data in a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Formatting_the_Date_Selection_widget.htm">Formatting 
 a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Creating_a_Date_Selection_widget_as_a_selector.htm">Creating 
 a Date Selection widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Creating_a_Date_Selection_widget.htm">Creating 
 a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Flash_Mode.htm">Working with documents in Flash 
 Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
